www.gusucode.com > 下面小图上边大图的jquery焦点图轮播特效源码程序 > 下面小图上边大图的jquery焦点图轮播特效/jQuery 带缩图的图片滚动效果/jQuery 带缩图的图片滚动效果/css/css.css
BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } DIV { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } H1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } H4 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } H5 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } H6 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } OL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } DD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } DT { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } DL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } INPUT { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } BODY { COLOR: #000 } A { COLOR: #000 } BODY { FONT: 13px/1.3 Arial } INPUT { FONT: 13px/1.3 Arial } TEXTAREA { FONT: 13px/1.3 Arial } LI { FONT-FAMILY: "宋体"; LIST-STYLE-TYPE: none } #main-fn-bar .searchBox { FONT-FAMILY: "宋体"; LIST-STYLE-TYPE: none } A { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: underline } IMG { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } H4 { FONT-SIZE: 13px } H5 { FONT-SIZE: 13px } .c-doc-1024 #bd { MARGIN: 0px auto; WIDTH: 490px } .fl { FLOAT: left } .fr { FLOAT: right } #column_2 { FLOAT: right } .dotline { CLEAR: both; BORDER-TOP: #999 1px dotted; FONT-SIZE: 0px; MARGIN: 6px 0px 5px; HEIGHT: 0px } .dotline2 { CLEAR: both; BORDER-TOP: #999 1px dotted; FONT-SIZE: 0px; MARGIN: 6px 0px 5px; HEIGHT: 0px } .dotline2 { MARGIN: 9px 0px 8px } .col475 { FLOAT: left; WIDTH: 475px } .mb { CLEAR: both } #ft { CLEAR: both } .bd { CLEAR: both } #column_1 .hd { CURSOR: move } #column_2 .hd { CURSOR: move } #column_1 .hd UL { CURSOR: auto } #column_2 .hd UL { CURSOR: auto } H6 { FONT: 12px/14px Arial } H4 { MARGIN: 0px 0px 3px; FONT: 400 18px/22px "黑体" } .c-colA .hd H2 { FONT-SIZE: 13px } .hide { DISPLAY: none } .c-bspace { MARGIN-BOTTOM: 10px } .c-section { CLEAR: both; ZOOM: 1 } .c-section:unknown { CLEAR: both; DISPLAY: block; HEIGHT: 0px; content: " " } .c-doc-1024 { TEXT-ALIGN: left } .c-doc-1024 #bd { PADDING-TOP: 5px } .c-cols-C1 .c-colA { FLOAT: left; WIDTH: 150px; MARGIN-RIGHT: 10px } .c-cols-C1 .c-colB { FLOAT: left; WIDTH: 490px } .c-cols-C1 .c-colAB { FLOAT: left; WIDTH: 650px } .c-cols-C1 .c-colC { FLOAT: right; WIDTH: 300px } .col300 { FLOAT: right; WIDTH: 300px } .c-cols-160 { } .c-cols-160 .c-col { DISPLAY: block; FLOAT: none; MARGIN: 0px 0px 0px 172px; WIDTH: auto } .c-cols-160 .c-col-first { FLOAT: left; MARGIN: 0px; WIDTH: 160px } .c-cols-150 { } .c-cols-150 .c-col { DISPLAY: block; FLOAT: none; MARGIN: 0px 0px 0px 160px; WIDTH: auto } .c-cols-150 .c-col-first { FLOAT: left; MARGIN: 0px; WIDTH: 150px } #hd { Z-INDEX: 5; POSITION: relative } #main-service-bar { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(img/sprite_h.gif) repeat-x 0px 0px; PADDING-BOTTOM: 0px; COLOR: #c63902; PADDING-TOP: 5px; FONT-FAMILY: Arial,"宋体"; HEIGHT: 28px } #main-service-bar A { COLOR: #c63902 } #main-service-bar FORM { DISPLAY: inline } #main-service-bar SPAN.tp-2 { FLOAT: right; LINE-HEIGHT: 21px; HEIGHT: 22px } #main-service-bar SPAN.tp-3 { FLOAT: right; LINE-HEIGHT: 21px; HEIGHT: 22px } #main-service-bar SPAN.tp-2 { PADDING-LEFT: 6px; FLOAT: left } #main-service-bar SPAN.tp-3 { FONT-FAMILY: "宋体" } #main-service-bar SPAN.tp-3 A { FONT-FAMILY: Arial,"宋体" } #main-service-bar SPAN.txt { PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 4px 0px 0px; PADDING-TOP: 0px; HEIGHT: 18px } #main-service-bar INPUT.txt { PADDING-RIGHT: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; WIDTH: 77px; COLOR: #000; BORDER-TOP-STYLE: none; LINE-HEIGHT: 16px; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 16px; BORDER-BOTTOM-STYLE: none } #main-service-bar SPAN.btn-login { MARGIN: 2px 6px 0px 0px; OVERFLOW: hidden; WIDTH: 39px; CURSOR: pointer; HEIGHT: 18px } #main-service-bar SPAN.btn-login INPUT { BACKGROUND: #999; WIDTH: 39px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 18px; BORDER-BOTTOM-STYLE: none } #main-service-bar SPAN.link { PADDING-TOP: 1px } #main-service-login { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #c86f46 1px dotted; PADDING-TOP: 0px; HEIGHT: 22px } #global-nav { } #global-nav .logo { FONT-SIZE: 12px; FLOAT: left; MARGIN-BOTTOM: -3px; WIDTH: 193px; TEXT-ALIGN: center } #global-nav .logo IMG { MARGIN: 8px 0px 3px } .global-nav-links { FLOAT: right; WIDTH: 756px; COLOR: #000; PADDING-TOP: 10px } .global-nav-links A { COLOR: #000 } .global-nav-links TD { LINE-HEIGHT: 25px; TEXT-ALIGN: center; empty-cells: show } .global-nav-links TD.sep { PADDING-LEFT: 1px; BACKGROUND: url(img/sprite_h.gif) no-repeat 0px -448px; OVERFLOW: hidden; WIDTH: 0px } .global-nav-links .f-latin { FONT-FAMILY: Arial } .global-nav-links TD.first { } .global-nav-links TD.last { } #main-fn-bar { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 56px } #main-fn-bar .control-area { PADDING-RIGHT: 10px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 123px; PADDING-TOP: 12px } .themes-selector { PADDING-RIGHT: 6px; FLOAT: left } .themes-selector A { FONT-SIZE: 0px; BACKGROUND: url(img/themes-selector-color.gif) 0px 0px; FLOAT: left; MARGIN: 3px 3px 0px 0px; WIDTH: 10px; CURSOR: pointer; HEIGHT: 10px } .themes-selector .red { BACKGROUND-POSITION: -10px 0px } .themes-selector .green { BACKGROUND-POSITION: -20px 0px } .themes-selector .blue { BACKGROUND-POSITION: -30px 0px } .help-reset { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 6px } .help-reset SPAN { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #main-fn-bar .searchBox { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 515px; PADDING-TOP: 5px } #main-fn-bar .searchBox A.cur { FONT-WEIGHT: 700 } #main-fn-bar .searchBox .sel { PADDING-LEFT: 43px } #main-fn-bar .searchBox .search { PADDING-TOP: 3px } #main-fn-bar .hot-words { PADDING-TOP: 7px } #main-fn-bar .search-type { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: repeat-x 0px -22px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; WIDTH: 47px; CURSOR: pointer; COLOR: #333; PADDING-TOP: 4px; HEIGHT: 18px; TEXT-ALIGN: center } #main-fn-bar .search-type-on { BACKGROUND-POSITION: 0px 0px; FONT-WEIGHT: 700; CURSOR: auto; COLOR: #fff } #main-fn-bar SPAN.txt { BACKGROUND: url(img/sprite_h.gif) #fff repeat-x 0px -106px; FLOAT: left; HEIGHT: 22px } #main-fn-bar .txt INPUT { PADDING-RIGHT: 10px; PADDING-LEFT: 30px; BACKGROUND: url(img/sprite.gif) no-repeat -377px 5px; PADDING-BOTTOM: 0px; WIDTH: 260px; COLOR: #999; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 18px; BORDER-BOTTOM-STYLE: none } #main-fn-bar .btn-search { PADDING-LEFT: 2px; FONT-WEIGHT: 700; FONT-SIZE: 14px; BACKGROUND: url(img/sprite.gif) no-repeat -40px 0px; FLOAT: left; MARGIN-LEFT: 9px; WIDTH: 75px; CURSOR: pointer; COLOR: #000; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; BORDER-BOTTOM-STYLE: none } #main-fn-bar .yp { PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 271px; PADDING-TOP: 10px } #main-fn-bar .yp H3 { BORDER-RIGHT: #b8b8b8 2px solid; BORDER-TOP: #b8b8b8 2px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; BACKGROUND: url(img/ypt.jpg); FLOAT: left; OVERFLOW: hidden; BORDER-LEFT: #b8b8b8 2px solid; WIDTH: 31px; LINE-HEIGHT: 18px; BORDER-BOTTOM: #b8b8b8 2px solid; HEIGHT: 35px } #main-fn-bar .yp LI { PADDING-LEFT: 19px; BACKGROUND: url(img/c-cols-C1-icon.gif) no-repeat 0px -138px; FLOAT: left; MARGIN: 0px 0px 5px 11px } #main-fn-bar .yp .bus { BACKGROUND-POSITION: 0px -156px } #main-fn-bar .yp .train { BACKGROUND-POSITION: 0px -120px } #main-fn-bar .yp .air-ticket { BACKGROUND-POSITION: 0px -103px } #main-fn-bar .yp .weather { BACKGROUND-POSITION: 0px -173px } #main-fn-bar .yp .stock { BACKGROUND-POSITION: 0px -190px } #main-fn-bar .yp .house { BACKGROUND-POSITION: 0px -67px } #main-fn-bar .yp .home { BACKGROUND-POSITION: 0px -85px } #ft { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; LINE-HEIGHT: 18px; PADDING-TOP: 14px; POSITION: relative; TEXT-ALIGN: center } #ft { } #ft A { } #ft A { FONT-FAMILY: Arial, "宋体" } #ft B.img { LEFT: 50%; MARGIN-LEFT: 180px; POSITION: absolute; TOP: 45px } #f-links { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 13px; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 24px; PADDING-TOP: 10px; TEXT-ALIGN: center } #f-links .f-links-w { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 12px } #f-links { COLOR: #555 } #f-links A { COLOR: #555 } #ad-links { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 0px 0px 10px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } #ad-links .txtlist { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; BORDER-BOTTOM: #ccc 1px solid } #ad-links .txtlist LI { FLOAT: left; WIDTH: 19.98% } #brand-show { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 10px; PADDING-TOP: 12px; ZOOM: 1; POSITION: relative } #brand-show .brand-show-w { OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; HEIGHT: 66px } #brand-show UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 9999em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute } #brand-show UL LI { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #brand-show A.btn-prev { DISPLAY: block; BACKGROUND: url(img/sprite.gif) no-repeat 0px 0px; LEFT: 0px; WIDTH: 17px; POSITION: absolute; TOP: 28px; HEIGHT: 32px } #brand-show A.btn-next { DISPLAY: block; BACKGROUND: url(img/sprite.gif) no-repeat 0px 0px; LEFT: 0px; WIDTH: 17px; POSITION: absolute; TOP: 28px; HEIGHT: 32px } #brand-show A.btn-next { BACKGROUND-POSITION: -17px 0px; RIGHT: 0px; LEFT: auto } #brand-show A.btn-prev I { DISPLAY: none } #brand-show A.btn-next I { DISPLAY: none } #brand-show A.btn-prev:hover { BACKGROUND-POSITION: 0px -32px } #brand-show A.btn-next:hover { BACKGROUND-POSITION: -17px -32px } .md { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } .pic { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } .VLbox { BORDER-RIGHT: #ccc 1px dotted; PADDING-RIGHT: 10px; FLOAT: left; WIDTH: 140px; MARGIN-RIGHT: 6px } .pic { DISPLAY: block; BACKGROUND: #e7e7e7; TEXT-ALIGN: center } .pic IMG { DISPLAY: block; BACKGROUND: #e7e7e7; TEXT-ALIGN: center } .pic IMG { MARGIN-BOTTOM: 2px } .hd { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: repeat-x 0px 0px; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #d3dae4 1px solid; HEIGHT: 27px } .hd IMG { MARGIN-TOP: 3px } .hd H2 { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 26px } .hd H2 .mopt { FONT-WEIGHT: 400; FONT-SIZE: 13px; FLOAT: right } .listbox_bdot { MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 1px; BORDER-BOTTOM: #999 1px dotted } .listbox LI { MIN-HEIGHT: 22px; LINE-HEIGHT: 22px; HEIGHT: 22px } .bd { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 10px } .md .pic { MARGIN-BOTTOM: 7px } .custom_area UL.fl { WIDTH: 296px } .md { BORDER-RIGHT: #bebebe 1px solid; BORDER-TOP: #bebebe 1px solid; BACKGROUND: #fff; MARGIN-BOTTOM: 10px; BORDER-LEFT: #bebebe 1px solid; BORDER-BOTTOM: #bebebe 1px solid } .md .mh { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #d3dae4 1px solid; POSITION: relative; HEIGHT: 26px } .md .mh H2 { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; CURSOR: move; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 26px } .md .mh UL.tabs { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; CURSOR: move; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 26px } .md .mh H2 { PADDING-TOP: 5px; FONT-FAMILY: Arial "宋体"; HEIGHT: 20px } .md .mh UL.tabs { PADDING-LEFT: 0px; LEFT: -1px; MARGIN-BOTTOM: -5px; POSITION: relative; TOP: -1px } .md .mh UL.tabs LI { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 0px; CURSOR: auto; PADDING-TOP: 0px; TEXT-ALIGN: center } .md .mh UL.tabs LI.i { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: auto; PADDING-TOP: 0px } .md .mh UL.tabs LI.cur { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 19px; MARGIN-BOTTOM: -5px; BORDER-LEFT: #ccc 1px solid; POSITION: relative; HEIGHT: 28px } .md .mh UL.tabs H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; CURSOR: auto; BORDER-TOP-STYLE: none; PADDING-TOP: 5px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: auto; BORDER-BOTTOM-STYLE: none } .md .mh UL.tabs LI I.exp { RIGHT: 0px; BACKGROUND: url(img/sprite.gif) no-repeat -92px -40px; OVERFLOW: hidden; WIDTH: 0px; CURSOR: pointer; LINE-HEIGHT: 0; POSITION: absolute; TOP: 0px; HEIGHT: 16px } .md .mh UL.tabs LI.cur I.exp { PADDING-LEFT: 16px } .md .mh UL.tabs LI.first { BORDER-LEFT-WIDTH: 0px } .md .mh .del { FONT-SIZE: 0px; BACKGROUND: url(img/sprite.gif) no-repeat -60px -40px; FLOAT: right; MARGIN: 0px 0px 0px 9px; OVERFLOW: hidden; WIDTH: 16px; CURSOR: pointer; PADDING-TOP: 16px; HEIGHT: 0px } .md .mh .min { FONT-SIZE: 0px; BACKGROUND: url(img/sprite.gif) no-repeat -60px -40px; FLOAT: right; MARGIN: 0px 0px 0px 9px; OVERFLOW: hidden; WIDTH: 16px; CURSOR: pointer; PADDING-TOP: 16px; HEIGHT: 0px } .md .mh .del { BACKGROUND-POSITION: -76px -40px } .md .mh .max { BACKGROUND-POSITION: -108px -40px } .md .mh LI.i .del { MARGIN-TOP: 5px; FLOAT: left } .md .mh LI.i .min { MARGIN-TOP: 5px; FLOAT: left } .md .mb { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; PADDING-TOP: 10px; HEIGHT: 128px } .md .mb .VLbox { OVERFLOW: hidden; HEIGHT: 128px } .md .mb .VLbox P.ttl { TEXT-ALIGN: center } #HP_pageDivMaskId { Z-INDEX: 9999; BACKGROUND: url(/library/image/dot/dot_blank.gif); LEFT: 0px; WIDTH: 100%; CURSOR: move; POSITION: absolute; TOP: 0px } .md_replace { BORDER-RIGHT: #f60 2px dashed; BORDER-TOP: #f60 2px dashed; MARGIN: 0px 0px 10px; BORDER-LEFT: #f60 2px dashed; BORDER-BOTTOM: #f60 2px dashed } .md_activeborder { BORDER-RIGHT: #f60 2px dashed; BORDER-TOP: #f60 2px dashed; BORDER-LEFT: #f60 2px dashed; BORDER-BOTTOM: #f60 2px dashed; POSITION: absolute } .md_dm { FONT: 0px/0 Arial; HEIGHT: 1px } .c-ad-block { OVERFLOW: hidden; POSITION: relative } .c-ad-block_con { Z-INDEX: 1; LEFT: 0px; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100% } .c-ad-block B { Z-INDEX: 2; BACKGROUND: #ccc; FONT: 1px/1px Arial; OVERFLOW: hidden; WIDTH: 1px; POSITION: absolute; HEIGHT: 1px } .c-ad-block .b1 { LEFT: 0px; WIDTH: 100%; TOP: 0px } .c-ad-block .b2 { RIGHT: 0px; TOP: 0px; HEIGHT: 100% } .c-ad-block .b3 { LEFT: 0px; WIDTH: 100%; BOTTOM: 0px } .c-ad-block .b4 { LEFT: 0px; TOP: 0px; HEIGHT: 100% } .c-ad-block I { DISPLAY: none; Z-INDEX: 2; BACKGROUND: url(img/rc-c.gif) no-repeat 0px 0px; FONT: 1px/1px Arial; OVERFLOW: hidden; WIDTH: 5px; POSITION: absolute; HEIGHT: 5px } .c-ad-block .r1 { LEFT: 0px; TOP: 0px } .c-ad-block .r2 { BACKGROUND-POSITION: -5px 0px; RIGHT: 0px; TOP: 0px } .c-ad-block .r3 { BACKGROUND-POSITION: -5px -5px; RIGHT: 0px; BOTTOM: 0px } .c-ad-block .r4 { BACKGROUND-POSITION: 0px -5px; LEFT: 0px; BOTTOM: 0px } .c-ad-block A { Z-INDEX: 5; BACKGROUND: url(/library/image/dot/dot_blank.gif) 0px 0px; LEFT: 0px; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100% } #img_slide { POSITION: relative; HEIGHT: 241px } #img_slide .ctl_bar { Z-INDEX: 20; BACKGROUND: #000; LEFT: 0px; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; HEIGHT: 42px } #img_slide .imgs { ZOOM: 1; POSITION: relative; TOP: 5px } #img_slide .imgs LI { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 9px; OVERFLOW: hidden; BORDER-LEFT: #999 1px solid; WIDTH: 49px; BORDER-BOTTOM: #999 1px solid; HEIGHT: 30px } #img_slide .imgs LI.cur_box { BORDER-TOP-WIDTH: 2px; BORDER-LEFT-WIDTH: 2px; BORDER-LEFT-COLOR: #fff; LEFT: 0px; BORDER-BOTTOM-WIDTH: 2px; BORDER-BOTTOM-COLOR: #fff; WIDTH: 47px; BORDER-TOP-COLOR: #fff; POSITION: absolute; TOP: 0px; HEIGHT: 28px; BORDER-RIGHT-WIDTH: 2px; BORDER-RIGHT-COLOR: #fff } #img_slide .imgs LI.cur_box I { BACKGROUND: #fff; FILTER: alpha(opacity=30); WIDTH: 0px; POSITION: absolute; HEIGHT: 100%; opacity: .3 } #img_slide .btns { LEFT: 110px; POSITION: absolute; TOP: 12px } #img_slide .btns A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(img/sprite.gif) no-repeat -160px 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 17px; PADDING-TOP: 17px; POSITION: absolute; HEIGHT: 0px; outline: none } #img_slide .btns A.play_pause { BACKGROUND-POSITION: -160px 0px; LEFT: 339px; WIDTH: 34px } #img_slide .btns A.on_pause { BACKGROUND-POSITION: -160px -17px } #img_slide .btns A.prev { BACKGROUND-POSITION: -160px -34px; LEFT: 66px; VISIBILITY: hidden } #img_slide .btns A.next { BACKGROUND-POSITION: -177px -34px; LEFT: 388px; VISIBILITY: hidden } #img_slide .btns A.prev:hover { BACKGROUND-POSITION: -160px -51px } #img_slide .btns A.next:hover { BACKGROUND-POSITION: -177px -51px } #img_slide .btns SPAN.index_status { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(img/sprite.gif) no-repeat -160px -68px; LEFT: 295px; PADDING-BOTTOM: 0px; FONT: bold 14px/1.1 Arial; OVERFLOW: hidden; WIDTH: 34px; COLOR: #fff; PADDING-TOP: 1px; POSITION: absolute; HEIGHT: 16px; TEXT-ALIGN: center } #img_slide .cons { BACKGROUND: #000; OVERFLOW: hidden; POSITION: relative; HEIGHT: 241px } #img_slide .cons .mask { RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/slide_mask.png", sizingMethod="scale"); WIDTH: 299px; POSITION: absolute; TOP: 0px; HEIGHT: 241px } #img_slide .cons .desc { Z-INDEX: 10; RIGHT: 4px; WIDTH: 190px; COLOR: #fff; POSITION: absolute; TOP: 27px } #img_slide .cons .desc A { COLOR: #fff } #img_slide .cons .desc H5 { FONT-SIZE: 18px } #img_slide .cons .desc A.btn_play { PADDING-RIGHT: 0px; MARGIN-TOP: 0.6em; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Library/homepage2009/style/img/btn_play1.png", sizingMethod="scale"); PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 70px; PADDING-TOP: 23px; HEIGHT: 0px } #img_slide .cons .desc A.btn_play:hover { BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Library/homepage2009/style/img/btn_play2.png", sizingMethod="scale") } #img_slide .con2 { LEFT: 0px; WIDTH: 9999px; POSITION: absolute; TOP: 0px } #img_slide .img_item { FLOAT: left; WIDTH: 488px; POSITION: relative } .md_ht .hd { POSITION: relative } .md_ht .tab { LEFT: -2px; WIDTH: 150px; POSITION: absolute; TOP: -1px } .md_ht .tab LI { FLOAT: left; WIDTH: 39px; LINE-HEIGHT: 29px; HEIGHT: 29px; TEXT-ALIGN: center } .md_ht .tab LI.first { WIDTH: 70px } .md_ht .tab .cur { BORDER-RIGHT: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } .md_ht .bd { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 8px; HEIGHT: 204px } .md_ht .bd LI { LINE-HEIGHT: 18px } .md_ht .bd .line { BORDER-TOP: #999 1px dotted; FONT-SIZE: 0px; MARGIN: 6px 0px 5px } .md_ht .all { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; MARGIN: 2px -8px 0px; PADDING-TOP: 4px; FONT-FAMILY: "宋体"; HEIGHT: 18px } .md_hotfocus { BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 0px } .md_hotfocus .bd { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; PADDING-TOP: 7px } .md_hotfocus_only1 { BORDER-BOTTOM-WIDTH: 1px; MARGIN-BOTTOM: 10px } .md_hotfocus_only1 .bd { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 6px } .md_hotspecial { BORDER-BOTTOM-WIDTH: 1px; MARGIN-BOTTOM: 10px } .md_live H2 { PADDING-LEFT: 33px; BACKGROUND: url(img/c-cols-C1-icon.gif) no-repeat 8px -18px } .md_newLinks H2 { LINE-HEIGHT: 25px; PADDING-TOP: 1px; HEIGHT: 25px } .md_newLinks H2 .mopt { LINE-HEIGHT: 24px } .md_newLinks H2 .fr { FONT-WEIGHT: 400 } .md_newLinks H2 .fr A { COLOR: #c00 } .md_newLinks .bd { HEIGHT: 342px } .md_newLinks .listbox LI IMG { MARGIN-RIGHT: 6px } .md_24hours .piclist .fl .md { POSITION: relative } .md_newLinks .hd { POSITION: relative } .md_24hours .piclist .fl .tab { LEFT: -2px; POSITION: absolute; TOP: -1px } .md_newLinks .tab { LEFT: -2px; POSITION: absolute; TOP: -1px } .md_24hours .piclist .fl .tab LI { PADDING-RIGHT: 11px; PADDING-LEFT: 11px; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 29px; PADDING-TOP: 0px; HEIGHT: 29px; TEXT-ALIGN: center } .md_newLinks .tab LI { PADDING-RIGHT: 11px; PADDING-LEFT: 11px; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 29px; PADDING-TOP: 0px; HEIGHT: 29px; TEXT-ALIGN: center } .md_24hours .piclist .fl .tab .cur { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0px } .md_newLinks .tab .cur { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0px } .ad-text { OVERFLOW: auto; PADDING-TOP: 3px; ZOOM: 1 } .ad-text UL LI { PADDING-RIGHT: 23px; PADDING-LEFT: 9px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 130px; LINE-HEIGHT: 18px; PADDING-TOP: 0px } .ad-text UL LI.last { PADDING-RIGHT: 0px } .md_adTab { } .md_adTab .tabs { PADDING-RIGHT: 9px; FLOAT: left; WIDTH: 36px } .md_adTab .tabs A { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: #e1dfe0; LINE-HEIGHT: 18px; HEIGHT: 19px; TEXT-ALIGN: center } .md_adTab .tabs A.first { BORDER-TOP-WIDTH: 0px } .md_adTab .tabs A.cur { BACKGROUND: #fff; BORDER-RIGHT-WIDTH: 0px } .md_adTab .con { LINE-HEIGHT: 18px; PADDING-TOP: 4px } #md_adTab2 { MARGIN-BOTTOM: 0px; OVERFLOW: hidden; HEIGHT: 78px } #md_adTab2 UL.con2 { MARGIN-LEFT: 45px; PADDING-TOP: 4px; ZOOM: 1 } #md_adTab2 UL.con2 LI { FLOAT: left; WIDTH: 33%; LINE-HEIGHT: 18px } #md_adTab3 { MARGIN-BOTTOM: 0px; OVERFLOW: hidden; HEIGHT: 78px } #md_adTab3 UL.con2 { PADDING-LEFT: 13px; PADDING-TOP: 4px; ZOOM: 1 } #md_adTab3 UL.con2 LI { FLOAT: left; WIDTH: 33%; LINE-HEIGHT: 18px } .md_cctvCP { FONT-SIZE: 12px; BACKGROUND: url(img/sprite_h.gif) #e1dfe1 repeat-x 0px -224px } .md_cctvCP .title { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 4px; PADDING-TOP: 7px } .md_cctvCP .title .fr { FONT-WEIGHT: 400; FONT-SIZE: 12px } .md_cctvCP .tabs2 { PADDING-LEFT: 9px; BORDER-BOTTOM: #999 1px solid; HEIGHT: 28px } .md_cctvCP .tabs2 LI { BORDER-TOP: #999 1px solid; FONT-WEIGHT: 700; FONT-SIZE: 12px; BACKGROUND: url(img/sprite_h.gif) repeat-x 0px -166px; FLOAT: left; MARGIN-BOTTOM: -1px; WIDTH: 93px; ZOOM: 1; POSITION: relative; TEXT-ALIGN: center } .md_cctvCP .tabs2 LI SPAN { BORDER-RIGHT: #414141 1px solid; DISPLAY: block; BORDER-LEFT: #6f6f6f 1px solid; PADDING-TOP: 6px; HEIGHT: 22px } .md_cctvCP .tabs2 LI.cur SPAN { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } .md_cctvCP .tabs2 LI.first SPAN { BORDER-LEFT: #999 1px solid } .md_cctvCP .tabs2 LI.last SPAN { BORDER-RIGHT: #999 1px solid } .md_cctvCP .tabs2 LI IMG { MARGIN: 0px 4px -3px 0px } .md_cctvCP .tabs2 LI A { COLOR: #fff; outline: none } .md_cctvCP .bd { BACKGROUND: url(img/sprite_h.gif) #e1dfe0 repeat-x 0px -200px; HEIGHT: 162px } .md_cctvCP .ct { BACKGROUND: #ccc; WIDTH: 100% } .md_cctvCP .ct A { DISPLAY: block; FONT-WEIGHT: 700; BACKGROUND: #fff; LINE-HEIGHT: 22px; HEIGHT: 22px; TEXT-ALIGN: center } .md_cctvCP .ct A:hover { COLOR: #fff } .md_cctvCP .ct A SPAN { FONT-WEIGHT: 400 } .md_cctvCP .cctv-program { BORDER-RIGHT: #b6b6b5 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b6b6b5 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #b6b6b5 1px solid; LINE-HEIGHT: 21px; PADDING-TOP: 7px; BORDER-BOTTOM: #b6b6b5 1px solid; FONT-FAMILY: 宋体 } .md_cctvCP .cctv-program .listbox LI { HEIGHT: 21px } .md_cctvCP .cctv-program .listbox LI A { FONT-FAMILY: Arial } IMG.icn_video { WIDTH: 17px; HEIGHT: 10px } .md_24hours .hd { BACKGROUND: url(img/sprite_h.gif) repeat-x 0px -136px } .md_24hours .hd H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .md_24hours .hd H2 .fl { PADDING-RIGHT: 7px; PADDING-LEFT: 7px; Z-INDEX: 2; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 94px; PADDING-TOP: 0px; POSITION: relative } .md_24hours .hd H2 .fl B { FONT-SIZE: 0px; RIGHT: -6px; BACKGROUND: url(img/sprite.gif) no-repeat -40px -40px; WIDTH: 6px; POSITION: absolute; TOP: -1px; HEIGHT: 26px } .md_24hours .hd H2 .fr { PADDING-LEFT: 10px; FONT: 400 12px/23px "宋体"; WIDTH: 368px; PADDING-TOP: 3px; HEIGHT: 23px } .md_24hours .hd H2 .fr DIV { COLOR: #000; WHITE-SPACE: nowrap } #vscroll { OVERFLOW: hidden; WIDTH: 360px; MARGIN-RIGHT: 8px; POSITION: relative } .md_24hours .bd { HEIGHT: 342px } .md_24hours .title { FONT: 30px/32px "黑体"; TEXT-ALIGN: center } .md_24hours .title A { COLOR: #11488b } .md_24hours .mini_title { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 3px } .md_24hours .mini_title A { COLOR: #416da2 } .md_24hours .pic { FONT-WEIGHT: 700; BACKGROUND: #c7c7c7; MARGIN: 0px; COLOR: #000 } .md_24hours .piclist UL.fr { WIDTH: 242px; MARGIN-RIGHT: -4px } .md_24hours .piclist UL.fr LI { PADDING-LEFT: 1em; TEXT-INDENT: -1em; LINE-HEIGHT: 22px } .md_24hours .listbox LI.label { TEXT-ALIGN: center } .md_24hours .piclist .fl { WIDTH: 226px } .md_24hours .piclist .fl .md { MARGIN-TOP: 8px } .md_24hours .piclist .fl UL { CLEAR: both } .md_24hours .piclist .fl .listbox { PADDING-TOP: 2px } .md_24hours .piclist .fl .listbox LI { PADDING-LEFT: 6px; MIN-HEIGHT: 21px; LINE-HEIGHT: 21px; HEIGHT: 21px } .md_24hours .piclist .fl .tab { BACKGROUND: repeat-x 0px 0px; LEFT: 0px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; TOP: 0px; HEIGHT: 26px } .md_24hours .piclist .fl .tab LI { FONT-WEIGHT: 700; MARGIN-BOTTOM: -1px; LINE-HEIGHT: 26px; PADDING-TOP: 1px; POSITION: relative; HEIGHT: 26px } .md_24hours .piclist .fl .tab .cur { LEFT: -1px; PADDING-TOP: 1px } #bd .md_24hours .piclist .fl .tab { BACKGROUND: url(theme-gray/sprite.gif) repeat-x 0px -26px } #bd .md_24hours .piclist .fl .tab .cur { BACKGROUND: url(theme-gray/sprite.gif) repeat-x 0px -56px } .md_24hours UL.fl { WIDTH: 230px } .md_24hours UL.fr { WIDTH: 230px } .md_24hours .dotline2 { MARGIN-TOP: 7px } #update_tip_win { BORDER-TOP-WIDTH: 6px; BORDER-LEFT-WIDTH: 6px; Z-INDEX: 10000; LEFT: 50%; BORDER-BOTTOM-WIDTH: 6px; PADDING-BOTTOM: 6px; MARGIN: -40px 0px 0px -161px; WIDTH: 300px; POSITION: absolute; TOP: 50%; BORDER-RIGHT-WIDTH: 6px } #update_tip_win .mb { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MIN-HEIGHT: 70px; PADDING-BOTTOM: 8px; OVERFLOW: visible; PADDING-TOP: 8px; HEIGHT: 70px } #update_tip_win H2 { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: 700; FONT-SIZE: 14px; BACKGROUND: url(img/sprite_h.gif) 0px -136px; PADDING-BOTTOM: 0px; CURSOR: auto; COLOR: #666; PADDING-TOP: 6px; BORDER-BOTTOM: #e1e1e1 1px solid; HEIGHT: 23px; TEXT-ALIGN: center } #update_tip_win H3 { FONT-SIZE: 16px } #update_tip_win .mf { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; PADDING-TOP: 0px } #update_tip_win .mf A { TEXT-DECORATION: underline } #update_tip_win .mf BUTTON { CURSOR: pointer }